@charset "utf-8";

/*home-banner 动画*/
.bgTopul {height: 160px; }
/*.bgTopul ul { position: relative; }*/
.bgTopul li {position: absolute;  top: 0;  left: 0;  height: 160px;  width: 1200px;  overflow: hidden;  display: none; z-index:0; background-color: #fcc;}
.bgTopul li a{display: block; position: absolute;  top: 0;  left: 0; z-index:999; margin: 0 auto;width:100%;height: 160px; margin-top: 0px; padding-top: 0px;   }
.bgTopul li>span {  position: absolute;  top: 0;  left: 50%;  margin-left: -600px;  width: 1200px;  height: 160px;}
.box_center {  max-width:1200px; margin:0px 0 0 0px; position: relative;  z-index: 999;  }
.bgTopul li.current { display: block; }
.bgTopul li.current div.box_center span {  margin: 0; display: block;  filter: alpha(opacity=0);  opacity: 1;  -moz-opacity: 1; }
.span1{  transform: scale(0);position:relative;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: linear; /*动画的速度曲线*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    
    -moz-animation-name: scaleDraw; /*关键帧名称*/
    -moz-animation-timing-function: linear; /*动画的速度曲线*/
    -moz-animation-duration: 5s; /*动画所花费的时间*/
    
    -ms-animation-name: scaleDraw; /*关键帧名称*/
    -ms-animation-timing-function: linear; /*动画的速度曲线*/
    -ms-animation-duration: 5s; /*动画所花费的时间*/
    
    -o-animation-name: scaleDraw; /*关键帧名称*/
    -o-animation-timing-function: linear; /*动画的速度曲线*/
    -o-animation-duration: 5s; /*动画所花费的时间*/
    
    animation-name: scaleDraw; /*关键帧名称*/
    animation-timing-function: linear; /*动画的速度曲线*/
    animation-duration: 5s; /*动画所花费的时间*/
  }
  @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    10% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    15% {
      left: -100px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    20% {
      left: -50px;
      top: 0;
      transform: scale(1);
      opacity:0.7;
    }
    
    25% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    90% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    100% {
      left: 0;
      top: 0;
      transform: scale(1.5);
      opacity:0.0;
    }
  }
  @-moz-keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    10% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    15% {
      left: -100px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    20% {
      left: -50px;
      top: 0;
      transform: scale(1);
      opacity:0.7;
    }
    
    25% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    90% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    100% {
      left: 0;
      top: 0;
      transform: scale(1.5);
      opacity:0.0;
    }
  }
  @-o-keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    10% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    15% {
      left: -100px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    20% {
      left: -50px;
      top: 0;
      transform: scale(1);
      opacity:0.7;
    }
    
    25% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    90% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    100% {
      left: 0;
      top: 0;
      transform: scale(1.5);
      opacity:0.0;
    }
  }
  @-webkit-keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    10% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    15% {
      left: -100px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    20% {
      left: -50px;

      top: 0;
      transform: scale(1);
      opacity:0.7;
    }
    
    25% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    90% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    100% {
      left: 0;
      top: 0;
      transform: scale(1.5);
      opacity:0.0;
    }
  }
  @-ms-keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    10% {
      left: -1500px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    15% {
      left: -100px;
      top: 0;
      transform: scale(1);
      opacity:0.0;
    }
    20% {
      left: -50px;
      top: 0;
      transform: scale(1);
      opacity:0.7;
    }
    
    25% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    90% {
      left: 0;
      top: 0;
      transform: scale(1);
      opacity:1;
    }
    100% {
      left: 0;
      top: 0;
      transform: scale(1.5);
      opacity:0.0;
    }
  }
  .span2{
    opacity:0;
    transform: scale(1);
    position:relative;
    -webkit-animation-name: scaleDraw2; /*关键帧名称*/
    -webkit-animation-timing-function: linear; /*动画的速度曲线*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    
    -moz-animation-name: scaleDraw2; /*关键帧名称*/
    -moz-animation-timing-function: linear; /*动画的速度曲线*/
    -moz-animation-duration: 5s; /*动画所花费的时间*/
    
    -ms-animation-name: scaleDraw2; /*关键帧名称*/
    -ms-animation-timing-function: linear; /*动画的速度曲线*/
    -ms-animation-duration: 5s; /*动画所花费的时间*/
    
    -o-animation-name: scaleDraw2; /*关键帧名称*/
    -o-animation-timing-function: linear; /*动画的速度曲线*/
    -o-animation-duration: 5s; /*动画所花费的时间*/
    
    animation-name: scaleDraw2; /*关键帧名称*/
    animation-timing-function: linear; /*动画的速度曲线*/
    animation-duration:5s; /*动画所花费的时间*/
  }
  @keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left: 1500px;  top: 0;  transform: scale(1);  opacity:0.0;  }
    20% {  left: 1500px;  top: 0;  transform: scale(1.1);  opacity:0.0;  }
    30% {  left: 100px;  top: 0;  transform: scale(1.2);  opacity:0.0;  }
    45% {  left: 50px;  top: 0;  transform: scale(1.3);  opacity:0.7;  }
    50% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1); opacity:1;  }
    100% {  left: 0;  top: 0;  transform: scale(1);  opacity:0.0;  }
  }
  @-moz-keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left: 1500px;  top: 0;  transform: scale(1); opacity:0.0;  }
    20% {  left: 1500px;  top: 0;  transform: scale(1.1);  opacity:0.0;  }
    30% {  left: 100px;  top: 0;  transform: scale(1.2);  opacity:0.0;  }
    45% {  left: 50px;  top: 0;  transform: scale(1.3);  opacity:0.7;  }
    50% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    100% {  left: 0;  top: 0;  transform: scale(1);  opacity:0.0;  }
  }
  @-o-keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% { left: 1500px; top: 0;  transform: scale(1);  opacity:0.0;  }
    20% {  left: 1500px;  top: 0;  transform: scale(1.1);  opacity:0.0;  }
    30% {  left: 100px;  top: 0;  transform: scale(1.2);  opacity:0.0;  }
    45% {  left: 50px;  top: 0;  transform: scale(1.3);  opacity:0.7;  }
    50% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    100% {  left: 0;  top: 0;  transform: scale(1);  opacity:0.0;  }
  }
  @-ms-keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left: 1500px;  top: 0;  transform: scale(1);  opacity:0.0;  }
    20% {  left: 1500px;  top: 0;  transform: scale(1.1);  opacity:0.0;  }
    30% {  left: 100px;  top: 0;  transform: scale(1.2);  opacity:0.0;  }
    45% {  left: 50px;  top: 0;  transform: scale(1.3);  opacity:0.7;  }
    50% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    100% {  left: 0;  top: 0;  transform: scale(1);  opacity:0.0;  }
  }
  @-webkit-keyframes scaleDraw2 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left: 1500px;  top: 0;  transform: scale(1);  opacity:0.0;  }
    20% {  left: 1500px;  top: 0;  transform: scale(1.1);  opacity:0.0;  }
    30% {  left: 100px;  top: 0;  transform: scale(1.2);  opacity:0.0;  }
    45% {  left: 50px;  top: 0;  transform: scale(1.3);  opacity:0.7;  }
    50% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    100% {  left: 0;  top: 0;  transform: scale(1);  opacity:0.0;  }
  }
  .span3{
    opacity:0;
    transform: scale(1);
    position:relative;
    -webkit-animation-name: scaleDraw3; /*关键帧名称*/
    -webkit-animation-timing-function: linear; /*动画的速度曲线*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    
    animation-name: scaleDraw3; /*关键帧名称*/
    animation-timing-function: linear; /*动画的速度曲线*/
    animation-duration: 5s; /*动画所花费的时间*/
    
    -moz-animation-name: scaleDraw3; /*关键帧名称*/
    -moz-animation-timing-function: linear; /*动画的速度曲线*/
    -moz-animation-duration: 5s; /*动画所花费的时间*/
    
    -ms-animation-name: scaleDraw3; /*关键帧名称*/
    -ms-animation-timing-function: linear; /*动画的速度曲线*/
    -ms-animation-duration: 5s; /*动画所花费的时间*/
    
    -o-animation-name: scaleDraw3; /*关键帧名称*/
    -o-animation-timing-function: linear; /*动画的速度曲线*/
    -o-animation-duration: 5s; /*动画所花费的时间*/
  }
  @keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    10% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    20% {  left:0;  top:20px;  transform: scale(1);  opacity:0.0;  }
    25% {  left:0;  top:0;  transform: scale(1);  opacity:0.7;  }
    30% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    93% {  left: 0;  top: -30px;  transform: scale(1);  opacity:0.0;  }
    100% {  left: 0;  top: -50px;  transform: scale(1);  opacity:0.0;
    }
  }
  @-o-keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    10% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    20% {  left:0;  top:20px;  transform: scale(1);  opacity:0.0;  }
    25% {  left:0;  top:0;  transform: scale(1);  opacity:0.7;  }
    30% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    93% {  left: 0;  top: -30px;  transform: scale(1);  opacity:0.0;  }
    100% {  left: 0;  top: -50px;  transform: scale(1);  opacity:0.0;  }
  }
  @-ms-keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    10% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    20% {  left:0;  top:20px;  transform: scale(1);  opacity:0.0;  }
    25% {  left:0;  top:0;  transform: scale(1);  opacity:0.7;  }
    30% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    93% {  left: 0;  top: -30px;  transform: scale(1);  opacity:0.0;  }
    100% {  left: 0;  top: -50px;  transform: scale(1);  opacity:0.0;  }
  }
  @-webkit-keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    10% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    20% {  left:0;  top:20px;  transform: scale(1);  opacity:0.0;  }
    25% {  left:0;  top:0;  transform: scale(1);  opacity:0.7;  }
    30% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    93% {  left: 0;  top: -30px;  transform: scale(1);  opacity:0.0;  }
    100% {  left: 0;  top: -50px;  transform: scale(1);  opacity:0.0;  }
  }
  @-moz-keyframes scaleDraw3 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    10% {  left:0;  top:100px;  transform: scale(1);  opacity:0.0;  }
    20% {  left:0;  top:20px;  transform: scale(1);  opacity:0.0;  }
    25% {  left:0;  top:0;  transform: scale(1);  opacity:0.7;  }
    30% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    85% {  left: 0;  top: 0;  transform: scale(1);  opacity:1;  }
    93% {  left: 0;  top: -30px;  transform: scale(1);  opacity:0.0;  }
    100% {  left: 0;  top: -50px;  transform: scale(1);  opacity:0.0;  }
  }